<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Grid 布局</title>
<style>
	.p-wrap{
		display: grid;
		grid-template-columns:100px 100px 100px;
		grid-template-rows:50px 50px 50px;
	}
	.item{}
	.item1{background: #119DE8; grid-column:1 / 4;}
	.item2{background: #008000;}
	.item3{background: #CCCCCC;}
	.item4{background: #F41515;}
	.item5{background: orange;}
	.item6{background: black;}
</style>
</head>
<body>
<h2>Grid 布局</h2>

<div class="p-wrap">
	<div class="item item1">1</div>
	<div class="item item2">2</div>
	<div class="item item3">3</div>
	<div class="item item4">4</div>
	<div class="item item5">5</div>
	<div class="item item6">6</div>
</div>
12323
</body>
</html>
